<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<link href="<c:url value="/resources/css/login.css"/>" rel="stylesheet">
<link href="<c:url value="/resources/css/bootstrap/bootstrap.css"/>" rel="stylesheet">
<script type="text/javascript"
	src="<c:url value="/resources/js/jquery/jquery-2.0.3.min.js"/>"></script>
 <style>
  .ui-tooltip {
    width: 210px;
  }
  </style>

<script type="text/javascript">
	$(document).ready(function() {
		$("#inputUsuario").attr('placeholder', '<spring:message code="login.form.usuario.placeholder"/>');
		$("#inputUsuario").attr('required', '');
		$("#inputPassword").attr('placeholder', '<spring:message code="login.form.password.placeholder"/>');
		$("#inputPassword").attr('required', '');
		
	});
</script>
<div class="container" style="padding-bottom: 10%">
	<form:form class="form-signin" modelAttribute="loginCommand"
		method="post" action="inicio">
		<h2 class="form-signin-heading">
			<spring:message code="login.form.inicio.title"></spring:message>   
		</h2>
		<spring:message code="login.form.usuario.label"></spring:message>
		<form:input type="text" id="inputUsuario" path="usuario"
			class="form-control" title="Ingresar nombre de usuario." autocomplete="off"></form:input>
		<spring:message code="login.form.password.label"></spring:message>
		<form:input type="password" id="inputPassword" path="password"
			class="form-control" title="Ingresar password de usuario."  ></form:input>
		<button class="btn btn-lg btn-primary btn-block" type="submit" id="ingresarButton">
			<spring:message code="login.form.ingresar.button"></spring:message>
		</button>		
	</form:form>
</div>
<div class="mensajeError">
			<label>${mensajeLogin}</label>
</div>